<!DOCTYPE html> 
<html> 
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title>Dükkan</title> 
        <link rel="stylesheet" href="../css/jquery.mobile-1.0.css" />
        <link rel="stylesheet" href="../css/vipdukkan.css" />
        <link rel="stylesheet" href="../css/custom.css" />
        <link rel="stylesheet" href="../css/fonts.css" />
        <link rel="stylesheet" href="../css/magiczoomplus.css" />

        <script src="../js/jquery.1.6.4.js"></script>
        <script src="../js/jquery.mobile-1.0.min.js"></script>
        <script src="../js/magiczoomplus.js"></script>
        
        <style type="text/css">
            .table-sepetim{
                width: 100%;  
                background-color: #fff ; 
                margin-bottom:5px;
                border: 1px solid #ccc;                         
            }
                           
        </style>
    </head> 
    <body> 

        <!-- /dukkanlar-->    
        <div data-role="page" id="dukkanlar"> 
            <!-- /header -->
            <div data-role="header" data-position="inline">
                <a href="javascript:history.back()" data-icon="arrow-l">Geri</a>
                <h1>Sepetim</h1>
                <!--
                <a href="odeme.html" data-icon="check">Satın Al</a>
                <a href="dukkanlar.html" data-icon="grid" data-iconpos="notext"></a> 
                -->  
            </div>

            <!-- /content -->
            <div data-role="content">
                
                <!-- /urun1 -->
                <table class="table-sepetim" cellpadding="0" cellspacing="2">
                    <tr>
                        <td width="30"><a href="#" onclick="alert('Sil')" class="silbtn"><span class="span-gizle">Sil</span></a></td>
                        <td width="70"><img src="../images/dukkanlar/p1.jpg"/></td>
                        <td valign="top" width="100%">
                            <table width="100%">
                                <tr>
                                    <td class="siyah-12px-bold">Zeak Elbise</td>
                                </tr>
                                <tr>
                                    <td class="siyah-12px">2 Beden</td>
                                </tr>
                                <tr>
                                    <td class="kirmizi-14px-bold">15.00 TL</td>
                                </tr>  
                                <tr>
                                    <td>
                                        
                                        <select name="select-choice-1" id="select-choice-1">
                                            <option value="1">1 Adet</option>
                                            <option value="2">2 Adet</option>
                                            <option value="3">3 Adet</option>
                                            <option value="4">4 Adet</option>
                                        </select>


                                    </td>
                                </tr>                                                                 
                            </table>
                        </td>                  
                    </tr>

                </table>
                
                <!-- /urun2 -->
                <table class="table-sepetim" cellpadding="0" cellspacing="2">
                    <tr>
                        <td width="30"><a href="#" onclick="alert('Sil')" class="silbtn"><span class="span-gizle">Sil</span></a></td>
                        <td width="70"><img src="../images/dukkanlar/p1f.jpg"/></td>
                        <td valign="top" width="100%">
                            <table width="100%">
                                <tr>
                                    <td class="siyah-12px-bold">Lifte Elbise</td>
                                </tr>
                                <tr>
                                    <td class="siyah-12px">1 Beden</td>
                                </tr>
                                <tr>
                                    <td class="kirmizi-14px-bold">15.00 TL</td>
                                </tr>  
                                <tr>
                                    <td>
                                        
                                        <select name="select-choice-1" id="select-choice-1">
                                            <option value="1">1 Adet</option>
                                            <option value="2">2 Adet</option>
                                            <option value="3">3 Adet</option>
                                            <option value="4">4 Adet</option>
                                        </select>


                                    </td>
                                </tr>                                                                 
                            </table>
                        </td>                  
                    </tr>

                </table>
                
                <!-- /sepet gosterim -->
                <table class="table-sepetim" cellpadding="5" cellspacing="0" width="100%">
                    <tr>
                        <td>Ara Toplam :</td>
                        <td align="right"> 30,00 TL </td>
                    </tr>
                    <tr>
                        <td class="altcizgi">Kargo Bedeli :</td>
                        <td align="right" class="altcizgi">4,95 TL</td>
                    </tr>
                    <tr style="font-weight: bold;">
                        <td>Toplam Tutar</td>
                        <td align="right">34,95 TL</td>
                    </tr>
                    <tr>
                        <td colspan="2"><a href="parapuanlarim.html" style="font-size: 12px; color: #c00;">ParaPuan Kullan</a></td>
                    </tr>
                    
                
                </table>    

                <a href="adreslerim.html" data-role="button">SATIN AL</a><br/>
            </div>

            <!-- /footer -->
            <div data-role="footer" class="nav-glyphish-example" data-position="fixed">
                <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
                    <ul>
                        <li><a href="dukkanlar.html" id="dukkan-btn" data-icon="custom">DÜKKANLAR</a></li>
                        <li><a href="sepetim.html" id="sepetim-btn" data-icon="custom" class="ui-btn-active">SEPETİM</a></li>
                        <li><a href="hesabim.html" id="hesabim-btn" data-icon="custom">HESABIM</a></li>
                        <li><a href="yardim.html" id="yardim-btn" data-icon="custom">YARDIM</a></li>
                    </ul>
                </div>
            </div>


        </div>



    </body>
</html>